Dodaj pływający przycisk polecenia

Wypróbuj tworzenie wiadomości
Jetpack Compose to zalecany zestaw narzędzi interfejsu na Androida. Dowiedz się, jak dodawać komponenty w sekcji Tworzenie.
Pływający przycisk polecenia →

Pływający przycisk polecenia to okrągły przycisk, który uruchamia główne działanie w interfejsie aplikacji. Na tej stronie dowiesz się, jak dodać przycisk szybkiego działania do układu, dostosować jego wygląd i zareagować na jego kliknięcia.

Więcej informacji o projektowaniu w aplikacji pływającego przycisku polecenia zgodnie ze wskazówkami Material Design znajdziesz w artykule Przyciski: pływający przycisk polecenia.

Rysunek 1. Pływający przycisk polecenia

Dodawanie pływającego przycisku polecenia do układu

Poniższy kod pokazuje, jak element FloatingActionButton powinien wyglądać w pliku układu: 

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

Domyślnie przycisk FAB ma kolor określony przez atrybut colorAccent, który możesz spersonalizować za pomocą palety kolorów motywu.

Inne właściwości FAB możesz konfigurować za pomocą atrybutów XML lub odpowiednich metod, takich jak:

  • Rozmiar przycisku FAB, który można określić za pomocą atrybutu app:fabSize lub metody setSize().
  • Kolor falowania przycisku FAB, określony za pomocą atrybutu app:rippleColor lub metody setRippleColor().
  • Ikona FAB, która jest używana za pomocą atrybutu android:src lub metody setImageDrawable().

Odpowiadanie na kliknięcia przycisków

Następnie możesz zastosować View.OnClickListener, aby obsługiwać dotknięcia przycisku FAB. Na przykład po kliknięciu przez użytkownika przycisku FAB kod wyświetla element Snackbar:

Kotlin

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

Java

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

Więcej informacji o możliwościach przycisku FAB znajdziesz w dokumentacji interfejsu API FloatingActionButton.